<template>
  <demoBlock title="基础用法">
    <vcu-flexbox>
      <vcu-flexbox-item span="8">8</vcu-flexbox-item>
      <vcu-flexbox-item span="8">8</vcu-flexbox-item>
      <vcu-flexbox-item span="8">8</vcu-flexbox-item>
    </vcu-flexbox>

    <vcu-flexbox>
      <vcu-flexbox-item span="4">4</vcu-flexbox-item>
      <vcu-flexbox-item span="10" offset="4">
        10
      </vcu-flexbox-item>
    </vcu-flexbox>

    <vcu-flexbox>
      <vcu-flexbox-item offset="12" span="12">
        12
      </vcu-flexbox-item>
    </vcu-flexbox>
  </demoBlock>
</template>

